@charset "utf-8";
/*=================================
CSS Navigation
October 2012
By : Away
http://www.dfuns.idv.tw
http://away.myds.me/wordpress
=================================*/
*{ margin:0; padding:0;}
h1{ text-align:center; font-size:4em; color:#666; opacity:.2; text-shadow:-2px 2px #000; margin-top:100px;}
body{ font:15px Arial, Helvetica, sans-serif; background:url(images/bg.gif);}
.nav{ list-style:none; border-top:3px solid #900; background:url(images/nav_bg.gif); overflow:hidden; width:800px; margin:20px auto; box-shadow:0 0 10px #000; border-radius:15px 0;}

.nav li{ float:left; border-left:groove 2px #FFF;}
.nav li:first-child{ border:0;}
.nav a{ padding:0 1em; display:block; line-height:40px; text-decoration:none; color:#333; text-shadow:1px 1px #FFF;}
.nav a:hover{ background:#EEE; color:#900;}

.nav ul{ list-style:none; display:none; position:absolute; background:#EEE; overflow:hidden; padding:.3em; width:170px; box-shadow:5px 5px #000;}
.nav li:hover ul{ display:block;}

.nav li li{ float:none; border:0;}
.nav li li a{ line-height:25px; padding:0 .5em;}
.nav li li a:hover{ background:#900 url(images/sub-arrow.gif) no-repeat 5px center; color:#FFF; padding-left:1.5em; text-shadow:1px 1px #000;}